<nz-layout>
    <nz-sider nzCollapsible nzWidth="250px" [(nzCollapsed)]="isCollapsed">
        <div class="sidebar-logo"></div>
        <ul nz-menu nzTheme="dark" nzMode="inline">
            <li nz-submenu nzOpen="false" nzTitle="Antd" nzIcon="dashboard">
                <ul>
                    <li nz-menu-group nzTitle="表格">
                        <ul>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/table/sortTable">antd排序表格</a>
                            </li>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/table/networkTable">antd网络请求表格</a>
                            </li>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/table/multipleChoice">表格批量操作</a>
                            </li>
                        </ul>
                    </li>
                    <li nz-menu-group nzTitle="表单">
                        <ul>
                            <!-- <li nz-menu-item nzMatchRouter>
                                <a routerLink="/form">form表单</a>
                            </li> -->
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/form/base">基础表单</a>
                            </li>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/form/dynamic">动态表单</a>
                            </li>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/form/required">根据表单是否必选展示</a>
                            </li>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/form/nest">嵌套表单</a>
                            </li>
                        </ul>
                    </li>
                    <li nz-menu-group nzTitle="弹窗">
                        <ul>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/antd/modal">modal弹窗</a>
                            </li>
                        </ul>
                    </li>
                    <li nz-menu-group nzTitle="其他">
                        <ul>
                            <li nz-menu-item nzMatchRouter>
                                <a routerLink="/workplace">Workplace(空)</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li nz-submenu nzOpen="false" nzTitle="图表" nzIcon="form">
                <ul>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/echarts/echartsUse">echarts基本使用</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/echarts/dynamic">echarts动态图表数据</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/echarts/directive">echarts指令</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/echarts/echartChild">echarts父组件传值给子组件</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/echarts/liquidfill">echarts水球图</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/echarts/examples">echarts案例展示</a>
                    </li>
                </ul>
            </li>
            <li nz-submenu nzOpen="false" nzTitle="封装组件" nzIcon="setting">
                <ul>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/component/addInput">点击按钮新增input输入框</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/component/br">将\n转换换行进行页面展示</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/component/customPopups">自定义弹窗</a>
                    </li>
                </ul>
            </li>
            <li nz-submenu nzOpen="false" nzTitle="rxjs使用" nzIcon="mail">
                <ul>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/rxjsuse/switchMap">switchMap取消上次未返回请求</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/rxjsuse/forkJoin">forkJoin同时请求</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/rxjsuse/subscription">subscription表单变化监测</a>
                    </li>
                </ul>
            </li>
            <li nz-submenu nzOpen="false" nzTitle="其他功能" nzIcon="mail">
                <ul>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/other/buffeting">路由跳转防抖</a>
                    </li>
                    <li nz-menu-item nzMatchRouter>
                        <a routerLink="/other/iframe">iframe使用</a>
                    </li>
                </ul>
            </li>
        </ul>
    </nz-sider>
    <nz-layout>
        <nz-header>
            <div class="app-header">
                <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
                    <i class="trigger" nz-icon [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"></i>
                </span>
            </div>
        </nz-header>
        <nz-content style="min-height: 85vh;">
            <div class="inner-content">
                <router-outlet></router-outlet>
            </div>
        </nz-content>
    </nz-layout>
</nz-layout>
<nz-back-top></nz-back-top>
